<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/transaction.css">
    <title>页面布局</title>
</head>

<body>
    <a href="user-center.html" target="_blank">
        <img src="../svg/个人中心.svg" alt="SVG 图片" class="svg-image">
    </a>
    <header class="top-bar">
        <div class="user-icon"></div>
        <nav class="nav-bar">
            <div class="search-box"></div>
        </nav>
        <a href="../html/user-center.html" class="text-area">个人中心</a>
    </header>
    <main class="main-content">
        <div class="icons">
            <div class="user-icon-small"></div>
            <div class="plus-icon-small"></div>
            <div class="bell-icon-small"></div>
        </div>
        <div class="grid-container">
            <div class="grid-cell"></div>
            <div class="grid-cell"></div>
            <div class="grid-cell"></div>
            <div class="grid-cell"></div>
            <div class="grid-cell"></div>
            <div class="grid-cell"></div>
        </div>
    </main>
    <a href="fabu.html" target="_blank">
        <img src="../img/添加.png" alt="添加按钮" class="add-button">
    </a>
    <script src="../js/page1.js"></script>
</body>

</html>
<a href="main-page.html" target="_blank">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="60" viewBox="0 0 60 60" fill="none" class = "main-page-svg">
        <g  mask="url(#mask-15_290)">
        <path d="M49.9998 20.0002L34.9998 6.85021C33.6248 5.62019 31.8497 4.94019 29.9998 4.94019C28.1498 4.94019 26.3749 5.62019 24.9998 6.85021L9.99976 20.0002C9.19989 20.7102 8.57489 21.5827 8.14978 22.5552C7.69965 23.5302 7.49976 24.5852 7.49976 25.6502L7.49976 47.5002C7.49976 49.4902 8.29962 51.3977 9.69977 52.8027C11.0996 54.2102 12.9996 55.0002 14.9998 55.0002L44.9998 55.0002C46.9998 55.0002 48.9 54.2102 50.2998 52.8027C51.7 51.3977 52.4998 49.4902 52.4998 47.5002L52.4998 25.6252C52.4998 24.5652 52.2748 23.5152 51.8498 22.5452C51.4245 21.5752 50.7995 20.7077 49.9998 20.0002L49.9998 20.0002L49.9998 20.0002ZM34.9998 50.0002L24.9998 50.0002L24.9998 37.5002C24.9998 36.8377 25.2747 36.2002 25.7249 35.7327C26.1997 35.2627 26.8247 35.0002 27.4998 35.0002L32.4998 35.0002C33.1748 35.0002 33.7998 35.2627 34.2748 35.7327C34.7248 36.2002 34.9998 36.8377 34.9998 37.5002L34.9998 50.0002L34.9998 50.0002ZM47.4998 47.5002C47.4998 48.1627 47.2248 48.8002 46.7748 49.2677C46.2998 49.7377 45.6748 50.0002 44.9998 50.0002L39.9998 50.0002L39.9998 37.5002C39.9998 35.5102 39.2 33.6027 37.7998 32.1977C36.4 30.7902 34.4998 30.0002 32.4998 30.0002L27.4998 30.0002C25.4996 30.0002 23.5996 30.7902 22.1998 32.1977C20.7996 33.6027 19.9998 35.5102 19.9998 37.5002L19.9998 50.0002L14.9998 50.0002C14.3247 50.0002 13.6997 49.7377 13.2249 49.2677C12.7747 48.8002 12.4998 48.1627 12.4998 47.5002L12.4998 25.6252C12.4998 25.2702 12.5748 24.9202 12.7247 24.5952C12.8748 24.2727 13.0747 23.9852 13.3497 23.7502L28.3497 10.6252C28.7998 10.2252 29.3998 10.0027 29.9998 10.0027C30.5997 10.0027 31.1997 10.2252 31.6498 10.6252L46.6498 23.7502C46.9248 23.9852 47.1248 24.2727 47.2748 24.5952C47.4248 24.9202 47.4998 25.2702 47.4998 25.6252L47.4998 47.5002L47.4998 47.5002Z"   fill="#000000" >
        </path>
        </g>
        <defs>
        <mask id="mask-15_290" style="mask-type:alpha" maskUnits="userSpaceOnUse">
        <rect x="0" y="0" width="60" height="60"   fill="#000000" >
        </rect>
        <rect x="0" y="0" width="60" height="60"   fill="#000000" >
        </rect>
        </mask>
        </defs>
    </svg>
</a>
    
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45.000244140625" height="45" viewBox="0 0 45.000244140625 45" fill="none" class = "Search-svg">
            <g  mask="url(#mask-8_299)">
            <path d="M33.75 20.625C33.75 27.8737 27.8737 33.75 20.625 33.75L20.625 37.5C29.9456 37.5 37.5 29.9449 37.5 20.625L33.75 20.625L33.75 20.625ZM20.625 33.75C13.3762 33.75 7.5 27.8737 7.5 20.625L3.75 20.625C3.75 29.9449 11.3044 37.5 20.625 37.5L20.625 33.75L20.625 33.75ZM7.5 20.625C7.5 13.3762 13.3762 7.5 20.625 7.5L20.625 3.75C11.3044 3.75 3.75 11.3051 3.75 20.625L7.5 20.625L7.5 20.625ZM20.625 7.5C27.8737 7.5 33.75 13.3762 33.75 20.625L37.5 20.625C37.5 11.3051 29.9456 3.75 20.625 3.75L20.625 7.5L20.625 7.5Z"   fill="#000000" >
            </path>
            </g>
            <g  mask="url(#mask-8_299)">
            <path d="M38.0498 40.7008C38.7811 41.433 39.9698 41.433 40.7011 40.7008C41.4342 39.9686 41.4342 38.7813 40.7011 38.0491L38.0498 40.7008L38.0498 40.7008ZM32.5448 29.8929C31.8136 29.1607 30.6249 29.1607 29.8936 29.8929C29.1605 30.6251 29.1605 31.8123 29.8936 32.5445L32.5448 29.8929L32.5448 29.8929ZM40.7011 38.0491L32.5448 29.8929L29.8936 32.5445L38.0498 40.7008L40.7011 38.0491L40.7011 38.0491Z"   fill="#000000" >
            </path>
            </g>
            <defs>
            <mask id="mask-8_299" style="mask-type:alpha" maskUnits="userSpaceOnUse">
            <rect x="0" y="0" width="45" height="44.99998474121094"   fill="#000000" >
            </rect>
            <rect x="0" y="0" width="45" height="44.99998474121094"   fill="#000000" >
            </rect>
            </mask>
            </defs>
            </svg>
        